v2.1.1: React ApexCharts v2.1.1

Compare Source

🐛 Bug fixes

Fixed a crash on chart teardown — Cannot read properties of undefined (reading 'node') (#​602)

When a chart was rendered or updated while its container was detached from the DOM - e.g. it's closed/hidden and reopened, a modal or tab unmounts it, or a queued window-resize redraw fired right after unmount - the underlying chart instance never finished setting up its SVG. The subsequent teardown then dereferenced an undefined element and threw. Because this happened inside React's useEffect cleanup, it could crash the entire component tree, not just the chart. The crash was commonly reported alongside chart.id and responsive options, which share the same teardown/resize path.

The unmount cleanup is now guarded across all client and hydrate entry points, so a teardown error can no longer crash your React tree — on any installed apexcharts version.

This pairs with the root-cause fix in apexcharts@5.15.1. For the complete fix, upgrade both:

npm i apexcharts@^5.15.1 react-apexcharts@^2.1.1

v2.1.0

Compare Source

v2.0.1: React ApexCharts v2.0.1

Compare Source

Patch Release: SSR Example & Minor Fixes

This patch release adds a comprehensive SSR example project to help developers integrate React ApexCharts with Next.js and other SSR frameworks.

New SSR Example Project

Added a complete Next.js App Router example demonstrating SSR capabilities:

• Location: example-ssr/
• Framework: Next.js 15+ with TypeScript
• Features:
  • Server-side chart rendering with react-apexcharts/server
  • Client-side hydration with react-apexcharts/hydrate
  • Server data fetching examples
  • Multiple chart types and configurations
  • Best practices for SSR integration

🐛 Bug Fixes

• Improved type definitions consistency

v2.0.0: React ApexCharts v2.0.0

Compare Source

Major Release: Server-Side Rendering (SSR) Support

This release introduces first-class support for Server-Side Rendering, making React ApexCharts fully compatible with Next.js App Router, React Server Components, and other modern SSR frameworks.

New Features

Server-Side Rendering (SSR) Support

React ApexCharts now provides dedicated components and exports for seamless SSR integration:

New Export: react-apexcharts/server

Server-side component for rendering static chart markup without client-side JavaScript:

// app/page.tsx (Server Component)
import Chart from 'react-apexcharts/server'

export default function Page() {
  return <Chart type="line" series={...} options={...} />
}

New Export: react-apexcharts/hydrate

Client-side component for hydrating server-rendered charts with interactivity:

'use client'
import Chart from 'react-apexcharts/hydrate'

export default function ClientWrapper() {
  return <Chart clientOptions={{ chart: { animations: { enabled: true } } }} />
}

Modern Package Exports

Enhanced exports field in package.json for better module resolution:

• ESM and CJS dual format support
• Proper TypeScript types for each export
• Optimized for Vite, Next.js, and other modern bundlers

{
  ".": { "import": "./dist/react-apexcharts.esm.js", "require": "./dist/react-apexcharts.cjs.js" },
  "./server": { "import": "./dist/react-apexcharts-server.esm.js" },
  "./hydrate": { "import": "./dist/react-apexcharts-hydrate.esm.js" }
}

v1.9.0

Compare Source

v1.8.0

Compare Source

v1.7.0

Compare Source

v1.6.0

Compare Source

v1.5.0

Compare Source

v1.4.4

Compare Source

v1.4.3

Compare Source

v1.4.2

Compare Source

v1.4.1

Compare Source